.wind_login_form{
  height: 100%;
  width: 100%;
  position: relative;
  background: linear-gradient(330deg, #409EFF, #d9ecff);
  .wind_logo{
    position: absolute;
    top: 20px;
    left: 20px;
    img{
      height: 44px;
    }
  }
  .wind_login_content{
    @include absolute-center();
    background: #FFFFFF66;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    padding: 20px 80px;
    border-radius: 5px;
    .wind_login_main{
      :global {
        @for $i from 1 through 4 {
          .form_upper_#{$i} {
            visibility: hidden;
            animation-name: animate-upper-opacity;
            animation-duration: 0.5s;
            animation-fill-mode: forwards;
            animation-delay: calc($i/10) + s;
          }
        }
      }
      .wind_login_system_title{
        font-size: 22px;
        color: #303133;
        letter-spacing: 4px;
        font-weight: 500;
        text-align: center;
        margin: 15px 0 30px
      }
      .wind_login_button_submit{
        width: 100%;
        letter-spacing: 2px;
        font-weight: 300;
        margin-top: 15px;
      }
    }
  }
}